<template>
    <div class="tool-header">
        <!-- 组件列表 -->
        <div class="tool-header-com tool-header-tab">
            <listCom />
        </div>
        <div style="flex: 1"></div>
        <navMenus />
        <!-- <span style="cursor:  pointer; " @click="preview">预览</span> -->
    </div>
</template>
<script setup>
import listCom from './listCom.vue'
import navMenus from './navMenus.vue'
</script>
<style lang="less" scoped>
.tool-header {
    position: relative;
    z-index: 30;
    height: 64px;
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 0 16px 0px 20px;

    .tool-header-com {
        margin-left: 208px;
    }
}
</style>
